<template>
  <view class="yhq1-wrap">
    <view class="goods_quan s-row">
      <view class="row getGoodsLink">
        <view class="money">
          <view>
            <text>20</text>
            元优惠券
          </view>
          <view class="date-coupon">使用期限:2019.02.22-2019.02.23</view>
        </view>
        <view class="name"><text>立即领券</text></view>
      </view>
      <image lazy-load src="../../static/voucher_list/yhq.png" mode="widthFix" class="is-response"></image>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    hhhh: {
      type: Number,
      default: 1
    },
    ssss: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      colorType1: 1
      // :colorType=" colorType "
    };
  }
};
</script>

<style>
.yhq1-wrap {
}

.yhq1-wrap .goods_quan {
  position: relative;
  z-index: 1;
  zoom: 1;
}

.yhq1-wrap .goods_quan:before {
  content: "";
  width: 2px;
  height: 55%;
  /* background: url('/static/voucher_list/hr.png'); */
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  position: absolute;
  z-index: 1;
  zoom: 1;
  left: 64%;
  top: 20%;
  display: block;
}

.yhq1-wrap .goods_quan .row {
  display: block;
  position: absolute;
  z-index: 1;
  zoom: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.yhq1-wrap .goods_quan .row .money {
  font-size: 36upx;
  color: #ffffff;
  padding-top: 6%;
  line-height: 48upx;
  position: relative;
  z-index: 1;
  zoom: 1;
  left: 0.3rem;
  display: block;
  width: 66.66666667%;
  float: left;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.yhq1-wrap .goods_quan .row .money .date-coupon {
  font-size: 14px;
  color: #fff;
}

.yhq1-wrap .goods_quan .row .name {
  line-height: 100%;
  color: #fff;
  position: relative;
  z-index: 1;
  zoom: 1;
  top: 50%;
  margin-top: -0.6rem;
  text-align: left;
  font-weight: 600;
  display: block;
  width: 33.33333333%;
  float: left;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.yhq1-wrap .goods_quan .row .name text {
  margin-left: 15%;
}
.yhq1-wrap .goods_quan .is-response {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 90px;
}
</style>
